@charset "UTF-8";
@import "./common.scss";
* {
    margin: 0;
    padding: 0;
}

.web {
    text-decoration: none;
    list-style: none;
    header {
        display: flex;
        align-items: center;
        .logoBox {
            width: 2.81vw;
            height: 1.72vw;
            overflow: hidden;
            margin: 0.73vw 20.63vw;
            img {
                width: 100%;
            }
        }
        nav {
            width: 38vw;
            height: 0.83vw;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            .navitem {
                a {
                    width: 3.5vw;
                    height: 0.83vw;
                    font-family: PingFang-SC-Regular;
                    font-size: 0.84vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 0.63vw;
                    letter-spacing: 0vw;
                    color: black;
                    text-decoration: none;
                }
            }
        }
    }
    main {
        .Carousel {
            width: 100vw;
            height: 39.48vw;
            overflow: hidden;
            ul {
                white-space: nowrap;
                font-size: 0;
                transition: all 0.3s;
                li {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .pointBox {
                position: absolute;
                bottom: 10%;
                left: 50%;
                transform: translateX(-10%);
                ol {
                    li {
                        width: 1vw;
                        height: 1vw;
                        border-radius: 50%;
                        background-color: #fff;
                        display: inline-block;
                        margin: 0 0.5vw;
                    }
                }
            }
        }
        .living {
            width: 100vw;
            .living-txt {
                p:first-of-type {
                    height: 2.4vw;
                    font-family: FZLTCXHJW--GB1-0;
                    font-size: 3.02vw;
                    font-weight: bold;
                    font-stretch: normal;
                    letter-spacing: 0.3vw;
                    color: #bebebe;
                    margin-top: 7.24vw;
                    text-align: center;
                }
                .living-box {
                    display: flex;
                    align-items: center;
                    justify-content: space-evenly;
                    flex-wrap: nowrap;
                    width: 29.07vw;
                    height: 2.08vw;
                    margin: 2vw 36vw;
                    .token {
                        width: 10.94vw;
                        border-bottom: 1px solid #e0e0e0;
                    }
                    .box {
                        width: 9.27vw;
                        height: 2.19vw;
                        border: solid 0.05vw #e0e0e0;
                        p {
                            width: 6vw;
                            height: 0.89vw;
                            font-family: MicrosoftYaHei;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            letter-spacing: 0.08vw;
                            color: #010101;
                            margin: 0.5vw auto;
                        }
                    }
                }
                .living-yuyan {
                    height: 0.42vw;
                    font-family: SimSun;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #656565;
                    margin-top: -2vw;
                    text-align: center;
                }
            }
            .living-carousel {
                width: 100vw;
                height: 49vw;
                overflow: hidden;
                margin-top: 2vw;
                background-image: url("../images/livingcarousel.png");
                position: relative;
                img {
                    width: 100%;
                    position: absolute;
                    top: 0%;
                    left: 0%;
                }
            }
        }
        .living-design {
            width: 57.6vw;
            margin: 7.08vw auto;
            .design-txt {
                p:first-of-type {
                    width: 57.6vw;
                    height: 4vw;
                    font-family: FZLTCXHJW--GB1-0;
                    font-size: 3.02vw;
                    font-weight: bold;
                    font-stretch: normal;
                    letter-spacing: 0.3vw;
                    color: #bdbdbd;
                    text-align: center;
                }
                .designline {
                    width: 29.53vw;
                    display: flex;
                    justify-content: space-evenly;
                    padding-left: 13.65vw;
                    padding-top: 0.5vw;
                    .token {
                        width: 10.94vw;
                        border-top: 1px solid #bdbdbd;
                        margin-top: 1vw;
                    }
                    .box {
                        width: 12vw;
                        height: 2.19vw;
                        border: solid 0.05vw #e0e0e0;
                        p {
                            width: 6vw;
                            height: 0.89vw;
                            font-family: MicrosoftYaHei;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            letter-spacing: 0.08vw;
                            color: #000000;
                            margin: 0.5vw auto;
                        }
                    }
                }
                p:last-child {
                    width: 17vw;
                    height: 1vw;
                    font-family: SimSun;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #656565;
                    margin-left: 21.5vw;
                }
            }
            .designBx {
                width: 57vw;
                height: 27vw;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: nowrap;
                margin-top: 3.54vw;
                .design-item-box {
                    width: 12.81vw;
                    height: 26.72vw;
                    overflow: hidden;
                    img {
                        width: 100%;
                    }
                }
            }
        }
        .living-service {
            width: 59.79vw;
            margin-left: 19.9vw;
            margin-right: 20.31vw;
            margin-top: 6.82vw;
            .service-txt {
                p:first-of-type {
                    width: 59.79vw;
                    font-family: FZLTCXHJW--GB1-0;
                    font-size: 3.02vw;
                    font-weight: bold;
                    font-stretch: normal;
                    letter-spacing: 0.3vw;
                    color: #bdbdbd;
                    text-align: center;
                }
                .servicebox {
                    width: 59.79vw;
                    display: flex;
                    align-items: center;
                    margin-left: 17vw;
                    .token {
                        width: 8vw;
                        border-top: 1px solid #e0e0e0;
                    }
                    .box {
                        width: 9.27vw;
                        height: 2.19vw;
                        border: solid 0.05vw #e0e0e0;
                        p {
                            width: 6vw;
                            font-family: MicrosoftYaHei;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            letter-spacing: 0.08vw;
                            color: #010101;
                            margin: 0.5vw auto;
                        }
                    }
                }
                p:last-of-type {
                    width: 17vw;
                    height: 0.42vw;
                    font-family: SimSun;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #656565;
                    margin: 0 auto;
                }
                .living-des {
                    margin-top: 2.66vw;
                    p {
                        width: 27.92vw;
                        height: 1.93vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.63vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 1.25vw;
                        letter-spacing: 0.06vw;
                        color: #202021;
                    }
                }
            }
            .serBox {
                margin-top: 2.5vw;
                width: 60vw;
                height: 13vw;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;
                .serviceitem {
                    width: 18vw;
                    height: 13.33vw;
                    display: inline;
                    .seritem-box {
                        width: 7.81vw;
                        height: 7.81vw;
                        overflow: hidden;
                        margin: 0 auto;
                        img {
                            width: 100%;
                        }
                    }
                    p:first-of-type {
                        width: 4.5vw;
                        height: 0.89vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.83vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0.08vw;
                        color: #010101;
                        margin: 1.25vw auto;
                    }
                    p:last-child {
                        width: 18vw;
                        height: 1.77vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.63vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0.06vw;
                        color: #666668;
                    }
                }
            }
        }
        .living-cener {
            margin-top: 8.07vw;
            width: 100vw;
            height: 40vw;
            background-image: url(../images/center-bk.png);
            .center-txt {
                padding-top: 4.48vw;
                p:first-of-type {
                    width: 58.75vw;
                    font-family: FZLTCXHJW--GB1-0;
                    font-size: 3.02vw;
                    font-weight: bold;
                    font-stretch: normal;
                    letter-spacing: 0.3vw;
                    color: #bdbdbd;
                    margin: 0 auto;
                }
                .servicebox {
                    width: 27vw;
                    display: flex;
                    align-items: center;
                    margin-left: 35vw;
                    .token {
                        width: 8vw;
                        border-top: 1px solid #e0e0e0;
                    }
                    .box {
                        width: 9.27vw;
                        height: 2.19vw;
                        border: solid 0.05vw #e0e0e0;
                        p {
                            width: 6vw;
                            font-family: MicrosoftYaHei;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            letter-spacing: 0.08vw;
                            color: #e0e0e0;
                            margin: 0.5vw auto;
                        }
                    }
                }
                p:last-of-type {
                    width: 17vw;
                    height: 0.42vw;
                    font-family: SimSun;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0vw;
                    color: #656565;
                    margin: 0 auto;
                }
            }
            .centerBox {
                margin-top: 4.11vw;
                width: 44vw;
                height: 22vw;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;
                margin-left: 27.97vw;
                .centerBox-item {
                    width: 9.17vw;
                    height: 22vw;
                    .center-circle {
                        width: 7.19vw;
                        height: 7.19vw;
                        border-radius: 50%;
                        border: 1px dashed white;
                        margin-left: 2vw;
                        p {
                            width: 3vw;
                            height: 2.81vw;
                            font-family: MicrosoftYaHei;
                            font-size: 1.25vw;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 1.56vw;
                            letter-spacing: 0.13vw;
                            color: #fefefe;
                            margin: 2.13vw auto;
                        }
                    }
                    .centerBox-line {
                        border-left: 1px dashed white;
                        height: 4.5vw;
                        margin-left: 6vw;
                    }
                    .centerBox-square {
                        padding: 0.99vw 1.46vw;
                        border: 1px dashed white;
                        width: 9.38vw;
                        height: 9.38vw;
                        p {
                            width: 6.7vw;
                            height: 6.93vw;
                            font-family: MicrosoftYaHei;
                            font-size: 0.63vw;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 1.25vw;
                            letter-spacing: 0vw;
                            color: #ffffff;
                        }
                    }
                }
            }
        }
    }
    footer {
        width: 100vw;
        height: 18vw;
        background-color: #202020;
        box-shadow: 0vw -0.16vw 0.52vw 0vw rgba(179, 179, 179, 0.56);
        .bottom-nav {
            display: flex;
            align-items: center;
            width: 64vw;
            height: 10vw;
            justify-content: space-between;
            flex-wrap: nowrap;
            padding-left: 18.96vw;
            padding-top: 2.55vw;
            .bot-nav-layleft {
                width: 41vw;
                height: 10vw;
                display: flex;
                flex-wrap: nowrap;
                align-items: center;
                justify-content: space-between;
                .bot-nav-layl-item {
                    width: 3.39vw;
                    height: 9.48vw;
                    .itemtop {
                        margin-bottom: 1.5vw;
                        p {
                            width: 4vw;
                            height: 0.83vw;
                            font-family: PingFang-SC-Regular;
                            font-size: 0.83vw;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 0.63vw;
                            letter-spacing: 0vw;
                            color: #e6e6e6;
                        }
                    }
                    .itembottom {
                        width: 4.5vw;
                        height: 6.41vw;
                        .itembottomlay1 {
                            width: 4vw;
                            margin-bottom: 1.35vw;
                            p {
                                width: 3.5vw;
                                height: 0.73vw;
                                font-family: PingFang-SC-Regular;
                                font-size: 0.73vw;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 0.63vw;
                                letter-spacing: 0vw;
                                color: #999999;
                            }
                        }
                    }
                }
            }
            .bot-nav-layright {
                width: 17.55vw;
                height: 8.91vw;
                border-left: 1px dashed white;
                .navlay1 {
                    width: 3.5vw;
                    height: 0.83vw;
                    margin-left: 1.41vw;
                    margin-bottom: 1.5vw;
                    p {
                        width: 3.4vw;
                        height: 0.83vw;
                        font-family: PingFang-SC-Regular;
                        font-size: 0.83vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 0.63vw;
                        letter-spacing: 0vw;
                        color: #e6e6e6;
                    }
                }
                .navlay2 {
                    width: 17vw;
                    height: 6.41vw;
                    margin-left: 1.82vw;
                    .navlay2-item {
                        display: flex;
                        margin-bottom: 1vw;
                        align-items: center;
                        .navlay2-item-left {
                            width: 1.35vw;
                            height: 1.35vw;
                            margin-right: 1vw;
                            img {
                                width: 100%;
                            }
                        }
                        .navlay2-item-right {
                            p {
                                width: 14vw;
                                height: 0.89vw;
                                font-family: MicrosoftYaHei;
                                font-size: 0.83vw;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 0.63vw;
                                letter-spacing: 0vw;
                                color: #cccccc;
                            }
                        }
                    }
                }
            }
        }
        .beian {
            display: flex;
            width: 100vw;
            height: 2.98vw;
            border-top: 1px solid white;
            margin-top: 1.5vw;
            align-items: center;
            .beian-left {
                margin-left: 18.91vw;
                margin-top: 0.94vw;
                p {
                    width: 55vw;
                    height: 0.68vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.63vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 0.63vw;
                    letter-spacing: 0vw;
                    color: #999999;
                }
            }
            .beian-right {
                display: flex;
                margin-top: 1vw;
                align-items: center;
                .beian-right-left {
                    margin-top: 1vw;
                    p {
                        width: 4vw;
                        height: 0.73vw;
                        font-family: PingFang-SC-Regular;
                        font-size: 0.73vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 0.63vw;
                        letter-spacing: 0vw;
                        color: #999999;
                    }
                }
                .beian-right-right {
                    width: 8vw;
                    height: 1.41vw;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    .itemlogo {
                        width: 1.3vw;
                        height: 1vw;
                        overflow: hidden;
                        border: 1px solid white;
                        img {
                            width: 100%;
                        }
                    }
                }
            }
        }
    }
}